<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

    <!-- 引入Vue - 做数据绑定 -->
    <script src="js/plugins/vue.js"></script>
    <!-- 引入axios - 发送异步请求 -->
    <script src="js/plugins/axios.js"></script>
    <!-- axios全局配置 + 基础路径 -->
    <script src="js/plugins/common.js"></script>
</head>
<body>
    <h1>回调页面</h1>
    <div id="myApp"></div>
    <script type="text/javascript">
        new Vue({
            el: "#myApp",
            mounted() {
                var url = location.href;
                // 把地址栏的json字符串转换成json对象
                let obj = parseUrlParams2Obj(url);
                //console.log(obj)
                this.$http.post("/login/wxUser", {"code":obj.code}).then(res => {
                    if (res.data.success) { // 登陆成功
                        localStorage.setItem('token', res.data.resultObj.token);
                        //将json对象转成json字符串 - setItem只保存字符串
                        localStorage.setItem('logininfo', JSON.stringify(res.data.resultObj.logininfo));
                        //跳转到首页
                        location.href="index.html";
                    } else { // 失败,此处不是登陆失败.此处是第一次登陆没有绑定微信用户
                        //获取响应信息 - 使用解构表达式的方式获取
                        let access_token = res.data.resultObj.access_token;
                        //将json对象转成json字符串 - setItem只保存字符串
                        let openid =  res.data.resultObj.openid;
                        //跳转到绑定页面
                        location.href="binder.html?access_token="+access_token+"&openid="+openid;
                    }
                }).catch(res => { // 404
                    alert("系统错误");
                })
            }
        })
    </script>
</body>
</html>